import VueRouter from 'vue-router';

import HomeContainer from './comps/tabbar/HomeContainer.vue';
import MemberContainer from './comps/tabbar/MemberContainer.vue';
import ShoppingCartContainer from './comps/tabbar/ShoppingCartContainer.vue';
import SearchContainer from './comps/tabbar/SearchContainer.vue';
import NewsList from './comps/news/NewsList.vue';
import NewsInfo from './comps/news/NewsInfo.vue';
import PhotoList from './comps/photos/PhotoList.vue';
import PhotoInfo from './comps/photos/PhotoInfo.vue';
import ProductList from './comps/products/ProductList.vue';
import ProductInfo from './comps/products/ProductInfo.vue';
import ProductDes from './comps/products/ProductDes.vue';
import ProductComment from './comps/products/ProductComment.vue';
// import ProdNumSelector from './comps/subcomps/ProdNumSelector.vue';

let router = new VueRouter({
    routes: [
        { path: '/', redirect: '/home' },
        { path: '/home', component: HomeContainer },
        { path: '/member', component: MemberContainer },
        { path: '/shoppingcart', component: ShoppingCartContainer },
        { path: '/search', component: SearchContainer },
        { path: '/home/news', component: NewsList },
        { path: '/home/newsinfo/:id', component: NewsInfo },
        { path: '/home/photos/', component: PhotoList },
        { path: '/home/photoinfo/:id', component: PhotoInfo },
        { path: '/home/products', component: ProductList },
        { path: '/home/productinfo/:id', component: ProductInfo, name: 'productInfo' },
        { path: '/home/productdes/:id', component: ProductDes, name: 'prodcutDes' },
        { path: '/home/productcomment/:id', component: ProductComment, name: 'prodcutComment' }
        // { path: '/home/productcomment/:id', component: ProductComment, name: 'prodcutComment' }
    ],
    linkActiveClass: 'mui-active'
});

export default router;